﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>SOSOMap_TestMap</title>
<style type="text/css">
body, button, input, select, textarea {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
</style>
<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>
<script>
//地图初始化
function init() {
	map = new soso.maps.Map(document.getElementById("container"), {
		// 地图的中心地理坐标。
		center: new soso.maps.LatLng(39.916527,116.397128),
		zoomLevel:13
	});
}
//设置地图属性
function setFalseDSZ(){
	map.setZoomLevel(14);//改变缩放级别
	map.setDraggable(false);//禁用拖动
	map.setScrollWheel(false);//禁用滚动
	map.setZoomInByDblClick(false);//禁用双击放大
}
//自动缩放
function selfLarger(){
	setInterval(function(){//每隔几秒钟就会响应一次
		map.zoomTo((map.getZoomLevel() + 1) % 17);
	}, 2000);
}
//改变地图中心
function changeCenter(){
	map.moveTo(new soso.maps.LatLng(39.9, 116.4));
}
//重新显示地图信息
function resetBounds(){
	var bounds = map.getBounds();
	document.getElementById("west_north").innerHTML =              
		'[' + bounds.getNorthEast().getLat().toFixed(5) +          
		', ' + bounds.getNorthEast().getLng().toFixed(5) + ']'; 
	document.getElementById("east_south").innerHTML =
		'[' + bounds.getSouthWest().getLat().toFixed(5) +
		'，' + bounds.getSouthWest().getLng().toFixed(5) + ']';
	document.getElementById("width").innerHTML = map.getViewSize().getWidth();
	document.getElementById("height").innerHTML = map.getViewSize().getHeight();
}
//获取地图信息
function getMapInfo(){
	soso.maps.Event.addListener(map, 'center_changed', resetBounds);
	resetBounds();
}
//更改地图光标
function resetMapCursor(){
	map.setCursor('img/c1.cur');
	map.setDraggingCursor('img/c2.cur');
}
//禁用键盘和鼠标滚轮
function unavlbKBM(){
	map.setKeyBoard(false);
	map.setScrollWheel(false);
}
//移动地图
function moveMap(){
	var times = 0;
	var oInterval = setInterval(function(){
		map.moveBy(new soso.maps.Size(100, -100));//Size是一块区域的大小
		times++;
		if(times >= 1000){
			clearInterval(oInterval);
		}
	}, 2000);
}
</script>
</head>
<body onload="init();">
<div style="width:650px;height:400px" id="container"></div> 
<input value="禁用拖动、滚动、双击放大" type="button" onclick="setFalseDSZ();"/>
<input value="自动缩放" type="button" onclick="selfLarger();"/>
<input value="改变中心" type="button" onclick="changeCenter();"/>
<div id="info">
<input value="获取地图信息" type="button" onclick="getMapInfo();"/>
当前的地图宽度为：<span id="width"></span>
，高度为：<span id ="height"></span>
；当前地图的经纬度范围（东北点，西南点）为：（<span id="west_north"></span>，<span id="east_south"></span>）
</div>
<input value="改变光标" type="button" onclick="resetMapCursor();"/>
<input value="禁用键盘和鼠标滚轮" type="button" onclick="unavlbKBM();"/>
<input value="移动地图" type="button" onclick="moveMap();"/>
</body>
</html>